
<!--
Author: Ankit Bhatt 
Last Change date: 12/10/2012
Notes: id and name are same for ease of use. 
-->	 

<!DOCTYPE HTML>
<html>
<head>
	<title> Registration Page </title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">

	<link rel="stylesheet" type="text/css" href="../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.min.css" />
	<link rel="stylesheet" type="text/css" href="../css/jquery-ui-1.8.24.min" />
	<style type="text/css"> 
p{ 
margin:20px 0px;
}

</style>


	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="../js/jquery-ui-1.8.24.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.24.min.js"></script>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="js/Student_Registration.js"></script>
        

</head>
	<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
		<a class="brand" href="#">Evoting System</a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right">
            </p>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    
		<div class="container well" id="divredister" style="width:40%; margin-top:100px;">
                    <form id="regform" name="regform"  action="../newuserregistration" method="post" onsubmit="return checkmobilemail();" >
                        <h2><u>Student Registration Form : </u></h2>
					<fieldset>
							<p class="input-append">
							<label> Email ID </label><input class="span2" id="appendedInput" name="email" size="16" type="text" placeholder="Enter Webmail ID" />
							<span class="add-on">@daiict.ac.in</span></p> 
							<span class="help-block">Enter your DA-IICT Webmail Mail Address</span>		
							<p>
								<label> Password </label><input id="password" name="password" type="password" placeholder="password">
								<span class="help-block">Between 6 to 14 characters and must contains atleast 1 symbol,1 alphabet and 1 Number.</span>
							</p>
							<p>
                        		<label> Confirm Password </label><input type="password" placeholder="Confirm password">
								<span class="help-block">Password must be same as Above</span>
							</p>
                            <p>
                        		<label> Student ID </label><input id="sid" name="sid" type="text" placeholder="Student ID">
								<span class="help-block"></span>
							</p>
                            <p>
                        		<label> First Name </label><input id="fname" name="fname" type="text" placeholder="First Name">
								<span class="help-block"></span>
							</p>
                            <p>
                        		<label> Middle Name </label><input id="mname" name="mname" type="text" placeholder="Middle Name">
								<span class="help-block"></span>
							</p>
                            <p>
                        		<label> Last Name </label><input id="lname" name="lname" type="text" placeholder="Last Name">
								<span class="help-block"></span>
							</p>
                            <p>
                        		<label> Course </label> 
                                <select name="course" id="course">
                                   <option value="" selected>----Select Course----</option>
                                   <option value="12">MSc.IT</option>
                                   <option value="01">B.Tech</option>
                                   <option value="11">M.Tech</option>
                                   <option value="14">Ph.D</option>
                                 </select>                            
								<span class="help-block"></span>
							</p>
                            <p>
                        		<label> Semister </label> 
                                <select name="sem" id="sem">
                                   <option value="" selected>----Select Semister----</option>
                                   <option value="1">First</option>
                                   <option value="2">Second</option>
                                   <option value="3">Third</option>
                                   <option value="4">Forth</option>
                                   <option value="5">Fifth</option>
                                   <option value="6">Sixth</option>
                                   <option value="7">Seventh</option>
                                   <option value="8">Eighth</option>
                                 </select>                            
								<span class="help-block"></span>
							</p>
                            <p>
                        		<label> Are you Staying in the Hostel? </label>
                                <input type="radio" id="hostel" name="hostel" value="1"/>Yes
				<input type="radio" id="hostel" name="hostel" value="0"/>No
                                <span class="help-block"></span>
							</p>	
							<p>
                        		<label> Wing </label> 
                                <select name="wing" id="wing">
                                   <option value="" selected>----Select Floor----</option>
                                   <option value="A">A</option>
                                   <option value="B">B</option>
                                   <option value="C">C</option>
                                   <option value="D">D</option>
                                   <option value="E">E</option>
                                   <option value="F">F</option>
                                   <option value="G">G</option>
                                   <option value="H">H</option>
                                 </select>                            
								<span class="help-block"></span>
							</p>	
							<p>
                        		<label> Floor </label> 
                                <select name="floor" id="floor">
                                   <option value="" selected>----Select Floor----</option>
                                   <option value="1">First</option>
                                   <option value="2">Second</option>
                                   <option value="3">Third</option>
                                 </select>                            
								<span class="help-block"></span>
							</p>	

                             <p>
                        		<label> Any Backlogs till Date?</label>
                                <input type="radio" id="backlog" name="backlog" value="1"/>Yes
								<input type="radio" id="backlog" name="backlog" value="0"/>No
                                <span class="help-block"></span>
							</p>
                            
                            <p>
                        		<label> Contact No</label><input id="contact" name="contact" type="text" placeholder="Contact Number">
								<span class="help-block"></span>
							</p>
                            <p>
                        		<label>CPI </label><input type="text" id="cpi" name="cpi" placeholder="CPI">
								<span class="help-block"></span>
							</p>
                            <!--<p>
                        		<label>Image </label><input type="file" id="cpi" name="img_profile" placeholder="CPI"/>
								<span class="help-block"></span>
							</p> -->    
                                                        
							
                            <p>
                                <span><input class="btn btn-small btn-primary" id="submitfrm" name="submitfrm" type="button" value="Submit" onclick="checkmobilemail();"/></span>
                               <!-- <input type="button" onclick="subfrm();" value="submitt"/> -->
								<span><input class="btn btn-small btn-primary" id="reset" name="reset" type="Reset" value="Reset"></span>
							</p>
					</fieldset>
			</form>
                   
                    

		</div>
            
             <div  id="divmobchk" class="container well" style="display: none;width:40%; margin-top:100px;">
                 <h2>Authenticate your webmail and mobile</h2>
                 <fieldset>
                     <p>
                         <label> Enter the key received on your webmail :</label><input id="mailpwd" name="mailpwd" type="text" placeholder="Key"/>
                                                                    
                     </p>
                     <p>
                         <label>Enter the key received on your mobile : </label><input id="mobpwd" name="mobpwd" type="text" placeholder="Key"/>
                                                                    
                     </p>
                     <input type="button" class="btn btn-primary" value="Verify" onclick="verifymobilemail();" />                         
                 </fieldset>
                    </div>
	</body>
</html>